﻿.placeholder{color: #d0d6d9;font-size: 14px;}
.phd:-moz-placeholder{color: #d0d6d9;font-size: 14px;}
.phd::-moz-placeholder{ color: #d0d6d9; font-size: 14px;}
.phd::-webkit-input-placeholder{color: #d0d6d9;font-size: 14px;}
.phd:-ms-input-placeholder{color: #d0d6d9; font-size: 14px;}

/*Layout*/
html { overflow-y: scroll; }
.container {
    margin: 0 auto;
    /*width: 1000px;*/
    width: 1000px;
}

.container1000{
	margin: 0 auto;
    width:1000px;
	background:#fff
	}


#main .container {
    /*width: 1000px;*/
    /*background:#fff;*/
}


/*main*/
#main {
    padding: 20px 0 !important;
    min-height:750px;

}


.waper{
    width:1095px;
    margin: 0 auto
}

/*header*/
#header { 
    font-family:'寰蒋闆呴粦';
    background:#2a2c2e;
    height:60px}


.header-container { 
    width:100%
}

.header-content { 
    
    width:95%;
    max-width:980px;
    margin:0 auto ;
    overflow:hidden}

#logo { 
    background:url(../images/logo_index.png?t=110);
    width:100px;
    height:60px;
    left:10px;
    top:0;
    position:absolute}

#logo a{
    display:block;
    width:100px;
    height:60px;
    line-height:60px;
    text-indent:-200%;
    overflow:hidden;
    }
#logo a:active{background:url(../images/logo_index.png?t=10);}
    #nav{ height:60px;
        /*width:980px;*/
        margin:0 auto;
        background:#2a2c2e;
        position:relative;
 }	

#nav-item {
    margin: 5px 0 0 140px;
}
#nav-item li{ 
    float:left;
    font-size: 14px;
	padding:12px 0
}	
#nav-item a { 
    color: #B5BDC0;
    padding: 0px 35px;
	line-height:21px;
    display:block;
 }
 #nav-item a:hover{ color:#fff} 
 #nav a:hover { 
     text-shadow:1px 1px 3px #666}
	  #nav-item a:active {
		  background: #2A2C2E
		  }
#MyCourseOn a{ border-left:1px solid #414345}
 #login-area{
     float:right;
     position:relative;
    }
    .login-btn {
        font-family:'寰蒋闆呴粦';  
        width:84px;
        height:34px;
        margin-top:13px;
		border-radius:15px;
        text-align:center;
        display:block;
        line-height:30px;
        font-size:14px;
		background:#2a2c2e;
		border:2px solid #c9394a;

        text-decoration:none;
        color:#c9394a;
        cursor:pointer;
		*border:0px;
		*background:url(../images/bg_top_login.png?t=10);
}
.login-btn:hover { 
color:#fff;
	background-color:#c9394a;
	*background-position:0 -34px;
}
#nav_list{display:none;width:90px;width:94px\0;position:absolute;top:36px;right:0px;background:#fff;list-style:none;z-index:9999;box-shadow:1px 1px 3px #999;}
#nav_list li:hover{background:#ededed;}
#nav_list li a{border-top:1px solid #edf0f2;width:auto;line-height:30px;font-size:12px;display:block;color:#000;text-align:center;padding:0;}
#nav_list  #my_space{ padding:0 18px; background-image:none; border:0; text-align:center;}
#nav_list  .my_message{background-position:19px -46px}
#nav_list  #my_note{background-position:19px -90px}
#nav_list  #my_question{background-position:19px -128px}
#nav_list  #my_setting{background-position:19px -167px}
#nav_list  #my_logout{background-position:19px -207px}


#login-area .videoimg{position:absolute;top:0;right:16px;right:20px\0;border-radius:22px;border:2px solid #c1c1c1;margin-top:10px;width:40px;height:40px;z-index:999;transition:0.3s;}

#Nav_list{display:none;width:84px;width:88px\0;position:absolute;top:0;right:-3px;padding-top:60px;background:#fff;list-style:none;box-shadow:1px 1px 3px #999;transition:0.3s;opacity:0.9;z-index:990;}
#Nav_list li:hover{background:#ededed;}
#Nav_list li a{border-top:1px solid #edf0f2;width:auto;line-height:30px;font-size:12px;display:block;color:#000;text-align:center;padding:0;}
#Nav_list li a:hover{color:#fff;}
#Nav_list  #my_space{ padding:0 18px; background-image:none; border:0; text-align:center;}
#Nav_list  .my_message{background-position:19px -46px}
#Nav_list  #my_note{background-position:19px -90px}
#Nav_list  #my_question{background-position:19px -128px}
#Nav_list  #my_setting{background-position:19px -167px}
#Nav_list  #my_logout{background-position:19px -207px}

.msg_icon{display:none;padding:0px 4px;height: 16px;line-height:16px;left: 32px;position: absolute;top: 10px;line-height:14px;background:#c9394a;color:#fff;display:block;font-style:normal;font-size:10px;}


/*footer*/
#footer {background:#444546;display:block;border-top:1px solid #e2e4e6;padding-top:23px;font-size:12px;color:#8e999d;line-height:1.6;padding-bottom:27px;padding-top:27px;min-width: 880px;clear:both;}
#footer div,#footer p{line-height:1.6;}
#footer a:link,#footer a:visited {color:#8e999d }
#footer a:hover {color:#fff}
#footer ul {overflow:hidden;}
#footer .des {width:445px;}
#footer .attention a {float:left;background:url(../img/gotoTop.png) no-repeat;width:32px;height:32px;overflow:hidden;text-indent:-99em;margin-right:11px;margin-top:15px;opacity:0.5;filter:alpha(opacity=50)}

#footer .attention a:hover {opacity:1;filter:alpha(opacity=100)}
#footer #qzone {background-position:0 -96px}
#footer	#sinaweibo {background-position:-48px -96px}
#footer #qqweibo {background-position:-96px -96px}
#footer #weixin {background-position:-115px -30px}
.friend-links{/*padding-top: 20px ;border-top:1px solid #4F5153;*/line-height:60px}
.friend-links a{display:inline-block;margin-right: 20px;}
.friend-links a:hover{text-decoration: underline;color: #000;}
.friend-links dl{padding:0 10px}
.friend-links dd{float:left;width:160px;}

.footerwaper{overflow:hidden;padding-bottom:20px;width:1095px;margin:0 auto;}
#footer .footer_intro ,#footer .footer_link ,#footer .attention {margin-top:25px;float:left;height:110px;}
#footer .footer_intro{line-height:24px;border-right:1px solid #4f5153;width:395px;padding-left:10px;margin-left:50px;}
#footer .footer_link {padding:0 50px; width:230px;border-right:1px solid #4f5153;}
#footer .footer_link ul{padding-top:8px}
#footer .footer_linkli{width:115px;text-align:center;float:left;padding:2px 0}

#footer .attention{padding:0 0px 0 65px; height:98px;display:block;background:none;}
#footer .footer_intro{ line-height:24px; border-right:1px solid #4f5153; width:295px; padding-left:10px}
#footer .footer_link { padding:0 50px; width:365px; border-right:1px solid #4f5153;}
#footer .footer_link ul{ padding-top:8px}
#footer .footer_link li{ width:100px; text-align:center; float:left; padding:2px 0}
#footer .footer_link li.amount{width:135px;padding-left:25px;text-align:left;}

#footer .attention{padding:0 0px 0 65px; height:98px;margin-top:22px;}

/*缈婚〉2013-8-15*/ 
.page {
    margin: 25px 0 auto;
    overflow: hidden;
    clear: both;
    text-align: center;
}
.page a {
    display: inline-block;
    border: 1px solid #c1c1c1;
    margin-right: 10px;
    font-size: 14px;
    font-family: "寰蒋闆呴粦";
    color: #b1b1b1;
    text-align: center;
    padding: 2px 12px;
}
.page .disabled_page {
    color: #e5e5e5;
    display: inline-block;
    border: 1px solid #c1c1c1;
    margin-right: 10px;
    font-size: 14px;
    font-family: "寰蒋闆呴粦";
    text-align: center;
    padding: 2px 12px;
}
.page .notmargin {
    margin-right: 0;
}
.page a:hover {
    color: #0DA04F;
}
.page .active {
    background: #49b764;
    color: #fff;
    border-color:#0DA04F;
}
.page .active:hover{
    color:#fff;
}
/*鎸夐挳瀹氫箟寮€濮�*/
.btn,a.btn {
    cursor:pointer;
    border: none;
    background: #39b94e;
    color: #ffffff;
    padding: 0 15px ;
    font-size:14px;
    display:inline-block;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    font-family:'寰蒋闆呴粦';
    margin:0;
    height:26px;
    overflow:visible;
    line-height:26px;
    text-decoration:none
}
.btn:hover,
.btn:focus{
    background: #33a646;
    color: #fff;
    outline: none;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
.btn:active,
.btn-group.active,
.btn.active {
    background-color: #a1a6a9;
    color: rgba(255, 255, 255, 0.75);
}
.btn.disabled,
.btn[disabled] {
    background-color: #ddd;
    color:#fff;
    cursor: not-allowed
}
.btn.btn-small {
    font-size:12px;
    height:19px;
    line-height:19px;
    font-family:Arial, Helvetica, sans-serif
}

.btn.btn-large {
    height:38px;
    line-height:38px;
    overflow:visible;
    font-size:18px;
    padding: 0 30px;
	color: #ffffff;

}

.btn.btn-xlarge {
    height:60px;
    line-height:60px;
    overflow:visible;
    font-size:36px;
    padding: 0 30px;
}
.btn.btn-reply {
    font-size: 12px;
    height:30px;
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif
}
.btn.btn-gray {
    background-color: #5e5e5e;
}
.btn.btn-gray:hover,
.btn.btn-gray:focus{
    background:#838383
}

.btn.btn-green{
	background-color:#2e943e
	}
.btn.btn-green:hover,
.btn.btn-green:focus{
    background:#38a149
}
.btn-close,a.btn-close{
    width:25px;
    height:25px;
    border:0;
    display:inline-block;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    cursor:pointer;
    text-indent:-200%;
    overflow:visible;
    background-color:#ccc;
    background:url(../images/index.gif) center center;
}
.btn-close:hover,a.btn-close:hover{
    transform:rotate(180deg); 
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);

}
.btn-close:active,a.btn-close:active{
    filter:alpha(opacity=60);
    opacity:60

}

.btn-list{
    width:101px;
    height:42px;
    border:1px solid #c9394a;
    background:#c9394a;
    color:#fff;
    text-align:center;
    line-height:42px;
    font-size:18px;
}
a.btn-hascourse{
    width:101px;
    height:42px;
    border:1px solid #c9394a;
    background:#c9394a;
    color:#fff;
    text-align:center;
    line-height:42px;
    font-size:18px;
}
a.btn-hascourse:hover{background:#f05e6f;border:1px solid #f05e6f;}
.btn-list-gray{
    width:101px;
    height:42px;
    border:1px solid #b1b1b1;
    background:#b3bbbe;
	 color:#fff;
    text-align:center;
    line-height:42px;
    font-size:18px;
}
/*鎸夐挳瀹氫箟缁撴潫*/

select{
    margin:0;
    font-size:100%;
    cursor:pointer;
    font-weight:normal;
    background-color:#fff;
    border:1px solid #ccc;
    color: #555;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 4px 6px;
    vertical-align: middle;
}
select:focus{
    outline:thin dotted #333;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px;
}

/*鏀惰棌*/

.btn-add-collection{
    float: left;
    margin-left:20px;
    margin-top:5px;  
    overflow: hidden;
    padding-left:25px; 
    width: 0px;
    height: 20px;
    line-height: 20px;
    color: #99a1a6;
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    background: url(../image/index/collect.png) no-repeat left top;
}
.btn-add-collection:hover{
    width: 80px;
    color: #99a1a6;
    background-position: left -20px;
}

.btn-remove-collection{
    background-position: left -40px;
}
.btn-remove-collection:hover{
    background-position: left -60px;
}
.course-title .btn-add-collection{
    margin-top: 6px;
}
.videohead .btn-add-collection{
    margin-top: 20px;
}

/*杩涘害鏉�*/

progress{ 
    display:inline-block;
    background:#f0f0f0; 
    border:0;
    height:6px;
    color: #c9394a; /*IE10*/
    width:400px;
}
progress::-webkit-progress-bar { background: #f0f0f0; }
progress::-moz-progress-bar { background: #aad94a; }
progress::-webkit-progress-value  { background: #aad94a; }
.progress{
    background:#f0f0f0; 
    height:6px;
    width:400px;
    display:inline-block;
}
.progressBar{
    background: #aad94a;
    height:6px;
}
.teacher-icon { width: 7px; margin-left:5px; position: relative; top:1px; }	
/*鍥炲埌椤堕儴*/
/*淇敼鍥炲埌椤堕儴鍜宖ooter鏍峰紡  ---by 鏉ㄦ槑闃�  2014.3.36*/
.gotoTopBtn{display:block; position:fixed;width:40px;bottom:25px; left: 50%; margin-left: 510px;}

.gotoTopBtn a:hover,.gotoTopBtn a:active { 
  outline: none;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;}
  
.goto_top,
.goto_top_backMeg,
.goto_top_diaocha,
.goto_top_app{ 
    cursor:pointer;
    width:48px;
    height:48px;
     background:url(../images/gotoTop.png?2) no-repeat 0 0; 
     _background:url(../images/gotoTop.gif) no-repeat 0 0; 
     display: inline-block;
     margin-top:10px;
 }



.goto_top{ background-position:0 0;}
.goto_top:hover{  background-position:0 -48px;}

.goto_top_backMeg{background-position:-48px 0;}
.goto_top_backMeg:hover{background-position:-48px -48px;}

.goto_top_diaocha{background-position:-144px 0;}
.goto_top_diaocha:hover{background-position:-144px -48px;}

.goto_top_app{background-position:-96px 0;position:relative;}
.goto_top_app:hover{background-position:-96px -48px;}
.goto_top_app:hover #erweima{
    display:block;

}
#erweima{
    position:absolute;
    background:url(../images/2weima.png) no-repeat;
    width:240px;
    height:220px;
    display:none;
    right:46px;
    top:-86px
}

* html .gotoTopBtn {position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

/* html,* html body /* 
淇IE6鎸姩bug */{background-image:url(about:blank);    /*鐢ㄦ祻瑙堝櫒绌虹櫧椤甸潰浣滀负鑳屾櫙*/ background-attachment:fixed; /* prevent screen flash in IE6 纭繚婊氬姩鏉℃粴鍔ㄦ椂锛屽厓绱犱笉闂姩*/}
/* end 鍥炲埌椤堕儴*/


a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
a,input,button{ outline:none; }
button::-moz-focus-inner{border:0px;}
input::-moz-focus-inner{border:0px;}
.autowrap{word-wrap: break-word; word-break:break-all}

.compatible-contianer{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-width: 800px;
    height: 30px;
    line-height: 30px;
    background: url(../images/iebg.gif) repeat-x;
}
.cpt-ct{
    color: #363636;
    font-size: 12px;
    text-align: center;
}
.cpt-ct i{
    display: inline-block;
    width: 12px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 5px;
    background: url(../images/iefixed-sprite.png) no-repeat 0 0;
}
.cpt-ct a{
    color: #39b94e;
}
.cpt-ct a:hover{
    text-decoration: underline;
}
.cpt-handle{
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 12px;
    line-height: 27px;
}
.cpt-handle a{
    display: inline-block;
    vertical-align: middle;
}
.cpt-handle .cpt-agin{
    color: #656e73;
    margin-right: 5px;
}
.cpt-handle .cpt-agin:hover{
    color:#363d40; 
}
.cpt-close{
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    transition: 0.3s;
}
.cpt-close:hover{
    background-color: #fc8800;
}
.cpt-close i{
    display: inline-block;
    height: 8px;
    width: 8px;
    vertical-align: 1px;
    background: url(../images/iefixed-sprite.png) no-repeat 0 -24px;
} 
.cpt-close:hover i{
    background-position: 0 -42px;
}

/*head*/
.Header{position:relative;opacity:1;background-color:#fff;margin-top:37px;}
.Header .header_wrap{position:relative;height:60px;margin:0 auto;padding:20px 0 10px 0;width:1200px;}
.Header .header_wrap .logo_wrap{float:left;}
.Header .header_wrap .logo_wrap img{height:60px;margin-top:-7px;}
.Header .header_right{position:absolute;right:0;top:0;}
.Header .header_right .header_right_item{display:inline-block;margin:0 10px;}
.Header .Header_mid{margin:5px 0 0 180px;float:left;}
.Header .Header_mid li{float:left;font-size: 14px;padding:15px 0;}
.Header .Header_mid li.current a{color:#49b764;}
.Header .Header_mid li.current a:hover{color:#49b764;}
.Header .Header_mid li a{color: #323232;font-weight:bold;padding: 0px 20px;line-height:21px;display:block;}
.Header .Header_mid li a:hover{color:#000;}
 #login-area{float:right;position:relative;}
.login-btn {font-family:'寰蒋闆呴粦';  width:84px;height:34px;margin-top:13px;border-radius:15px;text-align:center;display:block;line-height:30px;font-size:14px;background:#49b764;border:0;float:right;text-decoration:none;color:#fff;cursor:pointer;*border:0px;}
.login-btn:hover { color:#fff;background-color:#0da04f;*background-position:0 -34px;}
.Header_nav{height:35px;opacity:1;background-color:#49b764;margin-top:60px;}
.Header_nav ul{height:35px;width:1000px;margin:0 auto;padding-left:200px;}
.Header_nav ul li{float:left;width:130px;border-left:1px solid #05a02b;text-align:center;}
.Header_nav ul li:last-child{border-right:1px solid #05a02b;}
.Header_nav ul li a{color:#fff;padding: 0px 20px;font-size:14px;line-height:35px;}	
.header_nav{height:35px;top:0;opacity:1;background-color:#49b764;}
.header_nav ul{height:35px;width:1200px;margin:0 auto;}
.header_nav ul li{float:left;width:150px;border-left:1px solid #05a02b;text-align:center;}
.header_nav ul li:hover{background:#0da04f;}
.header_nav ul li:last-child{border-right:1px solid #05a02b;}
.header_nav ul li a{color:#fff;padding: 0px 20px;font-size:16px;line-height:35px;}	
.m-subnav{height:26px;background:#ebebeb;color:#666;box-shadow:0 0px 3px #aaa}
.m-subnav ul li{float:left;padding:0 13px;}
.m-subnav ul li:hover{background:#fff;height:26px;}
.m-subnav ul li.current{background:#fff;height:26px;}
.abs,.f-pa{position:absolute}
.rel, .f-pr{position:relative;}
.clear,.f-cb{zoom:1}
.left,.f-fl{float:left}
.right,right a,.f-fr{float:right}
.clear:after, .f-cb:after{clear:both;content:'.';display:block;height:0;visibility:hidden}
.f-ib{display:inline-block;*display:inline;zoom:1}
.m-topnav{height:36px;background:#ebebeb;border-bottom:1px solid #ddd;font-size:12px;position:fixed;width:100%;top:0px;z-index:20;}
.m-topnav a{cursor:pointer;}
.u-nav,.u-nav2{line-height:14px;height:37px;}
.u-nav .li, .u-nav2 .li{padding:11px 6px;line-height:12px;}
.u-nav .line{color:#c1c1c1;line-height:10px;}
.u-nav .collection{background:url(../image/index/collect.png) 0 center no-repeat;padding-left:20px;}
.f-c9{color:#999;}
.f-c6{color:#666;}
u-login, .u-beforelogin{margin-right:4px;}
.header_wrap .search{height:14px;width:370px;padding:9px;margin:10px 0 0 0;border:1px solid #ddd;-webkit-transition:background 0.1s ease-in 0s;-moz-transition:background 0.1s ease-in 0s;transition:background 0.1s ease-in 0s;background-color:#f5f5f5;cursor:text}
.header_wrap .phold{position:absolute;top:0px;left:0;right:40px;line-height:32px;height:32px;text-indent:10px;cursor:text}
.header_wrap .inputxt{border:none;background:#f5f5f5;outline:none;height:14px;width:90%;-webkit-transition:background 0.1s ease-in 0s;-moz-transition:background 0.1s ease-in 0s;transition:background 0.1s ease-in 0s}
.header_wrap .subbtn{border:none;position:absolute;right:-1px;top:-1px;bottom:-1px;width:42px;height:34px;color:#fff;font-size:16px;background:url(../image/index/zcur.png) no-repeat center center #ef9632;cursor:pointer;-webkit-transition:background 0.05s ease-in 0s;-moz-transition:background 0.05s ease-in 0s;transition:background 0.05s ease-in 0s}
.header_wrap .subbtn:hover{background-color:#ffa643}

.loginimg {
    background: url(../images/noLogin.jpg) no-repeat 0 center;
}

.Alert{width:796px;margin:0 auto;background:#f9fbd7;padding:10px;margin:20px 0 10px 0;font-size:14px;color:#666;border:1px solid #e1e1e1;line-height:26px;}
.Alert h3{color:red;margin-bottom:10px;font-size:16px;font-weight:bold;}

.signup{margin-top:-210px;margin-left:-200px;width:400px;top:40%;position:fixed;background:#edf0f2;left:50%;transition:all 0.2s;z-index:100000;display:none;box-shadow:3px 3px 3px #c1c1c1;}
.signup .signup_header{background:#be3948;}
.signup .signup_header .rl_close{position: absolute;top:17px;right: 20px;width: 25px;height: 25px;line-height: 25px;*line-height: 34px;text-align: center;vertical-align: middle;font-size: 30px;color: #fff;background: transparent;border-radius: 50%;cursor: pointer;font: normal 25px/25px "Helvetica Neue",Helvetica,Arial,sans-serif;transition:background-color 0.2s;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;border:0;}
.signup .signup_header .rl_close:hover{background: #cb616d;}
.signup .signup_header h3{font-size: 18px;line-height: 60px;height: 60px;color: #fff;padding-left: 30px;}
.signup .signup_body{padding:40px;}
.signup .signup_body .rlf_input{border: 1px solid #d0d6d9;width: 260px;height: 24px;line-height: 24px;font-size:14px;font-family: Microsoft YaHei,SimSun,Arial;padding: 7px 7px 7px 48px;transition:border-color 0.2s;-webkit-transition:border-color 0.2s;-moz-transition:border-color 0.2s;-o-transition:border-color 0.2s;background:#fff url("../images/rl-sprite.png") no-repeat;}
.signup .signup_body .rlf_input_pwd{background-position:-80px -774px;}
.signup .signup_body .rlf_input_email{background-position: -80px -678px;}
.signup .signup_body .rlf_input_nick{background-position: -80px -726px;}
.signup .signup_body .rlf_tip_wrap{font-size:12px;display: block;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0px;-webkit-margin-end: 0px;color:#5e5e5e;}
.signup .signup_body .rlf-btn-gray{color: #7e878c;font-size: 14px;background-color:#d0d6d9;height: 40px;line-height: 40px;width: 140px;cursor: pointer;text-align: center;transition:background-color 0.2s;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;border:0;}
.signup .signup_body .rlf-btn-green{color: #fff;font-size: 14px;background-color:#39b94e;height: 40px;line-height: 40px;width: 160px;cursor: pointer;text-align: center;transition:background-color 0.2s;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;border:0;float:right;}
.signup .signup_body .rlf-btn-green:hover{background-color: #33a646;}

.signin{margin-top:-210px;margin-left:-200px;width:400px;top:40%;position:fixed;background:#edf0f2;left:50%;transition:all 0.2s;z-index:100000;}
.signin .signup_header{background:#be3948;}
.signin .signup_header .rl_close{position: absolute;top:17px;right: 20px;width: 25px;height: 25px;line-height: 25px;*line-height: 34px;text-align: center;vertical-align: middle;font-size: 30px;color: #fff;background: transparent;border-radius: 50%;cursor: pointer;font: normal 25px/25px "Helvetica Neue",Helvetica,Arial,sans-serif;transition:background-color 0.2s;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;border:0;}
.signin .signup_header .rl_close:hover{background: #cb616d;}
.signin .signup_header h3{font-size: 18px;line-height: 60px;height: 60px;color: #fff;padding-left: 30px;}
.signin .signup_body{padding:40px;}
.signin .signup_body .rlf_group{font-size:14px;}
.signin .signup_body .rlf_input{border: 1px solid #d0d6d9;width: 260px;height: 24px;line-height: 24px;font-size:14px;font-family: Microsoft YaHei,SimSun,Arial;padding: 7px 7px 7px 48px;transition:border-color 0.2s;-webkit-transition:border-color 0.2s;-moz-transition:border-color 0.2s;-o-transition:border-color 0.2s;background:#fff url("../images/rl-sprite.png") no-repeat;}
.signin .signup_body .rlf_input_pwd{background-position:-80px -774px;}
.signin .signup_body .rlf_input_yzm{background-position:-80px -774px;width:120px;}
.signin .signup_body .rlf_input_email{background-position: -80px -678px;}
.signin .signup_body .rlf_input_nick{background-position: -80px -726px;}
.signin .signup_body .rlf_tip_wrap{font-size:12px;display: block;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0px;-webkit-margin-end: 0px;color:#5e5e5e;}
.signin .signup_body a.forget{float:right;color:#5e5e5e;}
.signin .signup_body a:hover{color: #be3948;}
.signin .signup_body .rlf-btn-blue{color: #fff;font-size: 14px;background-color:#58b9e6;height: 40px;line-height: 40px;width: 317px;cursor: pointer;text-align: center;transition:background-color 0.2s;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;border:0;}
.signin .signup_body .rlf-btn-green{color: #fff;font-size: 14px;background-color:#39b94e;height: 40px;line-height: 40px;width: 160px;cursor: pointer;text-align: center;transition:background-color 0.2s;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;border:0;float:right;}
.signin .signup_body .rlf-btn-blue:hover{background-color: #2ea7e0;}
.signin .signup_body .rlf-btn-green:hover{background-color: #33a646;}
.signin .signup_body .randimg{display:inline-block;height:30px;vertical-align:-10px;margin-left:10px;}

.alert{margin-top:-210px;margin-left:-200px;width:400px;top:40%;position:fixed;background:#edf0f2;left:50%;transition:all 0.2s;z-index:100000;box-shadow:3px 3px 3px #c1c1c1;}
.alert .signup_header{background:#be3948;}
.alert .signup_header .rl_close{position: absolute;top:17px;right: 20px;width: 25px;height: 25px;line-height: 25px;*line-height: 34px;text-align: center;vertical-align: middle;font-size: 30px;color: #fff;background: transparent;border-radius: 50%;cursor: pointer;font: normal 25px/25px "Helvetica Neue",Helvetica,Arial,sans-serif;transition:background-color 0.2s;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;border:0;}
.alert .signup_header .rl_close:hover{background: #cb616d;}
.alert .signup_header h3{font-size: 18px;line-height: 60px;height: 60px;color: #fff;padding-left: 30px;}
.alert .signup_body{padding:40px;}
.alert .signup_body .rlf_group{font-size:14px;}
.alert .signup_body .rlf_input{border: 1px solid #d0d6d9;width: 260px;height: 24px;line-height: 24px;font-size:14px;font-family: Microsoft YaHei,SimSun,Arial;padding: 7px 7px 7px 48px;transition:border-color 0.2s;-webkit-transition:border-color 0.2s;-moz-transition:border-color 0.2s;-o-transition:border-color 0.2s;background:#fff url("../images/rl-sprite.png") no-repeat;}
.alert .signup_body .rlf_input_pwd{background-position:-80px -774px;}
.alert .signup_body .rlf_input_yzm{background-position:-80px -774px;width:120px;}
.alert .signup_body .rlf_input_email{background-position: -80px -678px;}
.alert .signup_body .rlf_input_nick{background-position: -80px -726px;}
.alert .signup_body .rlf_tip_wrap{font-size:12px;display: block;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0px;-webkit-margin-end: 0px;color:#5e5e5e;}
.alert .signup_body a.forget{float:right;color:#5e5e5e;}
.alert .signup_body a:hover{color: #be3948;}
.alert .signup_body .rlf-btn-blue{color: #fff;font-size: 14px;background-color:#58b9e6;height: 40px;line-height: 40px;width: 317px;cursor: pointer;text-align: center;transition:background-color 0.2s;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;border:0;}
.alert .signup_body .rlf-btn-green{color: #fff;font-size: 14px;background-color:#39b94e;height: 40px;line-height: 40px;width: 160px;cursor: pointer;text-align: center;transition:background-color 0.2s;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;border:0;float:right;}
.alert .signup_body .rlf-btn-blue:hover{background-color: #2ea7e0;}
.alert .signup_body .rlf-btn-green:hover{background-color: #33a646;}
.alert .signup_body .randimg{display:inline-block;height:30px;vertical-align:-10px;margin-left:10px;}

.forgetpwd{margin-top:-210px;margin-left:-200px;width:400px;top:40%;position:fixed;background:#edf0f2;left:50%;transition:all 0.2s;z-index:100000;display:none;box-shadow:3px 3px 3px #c1c1c1;}
.forgetpwd .forgetpwd_header{background:#be3948;}
.forgetpwd .forgetpwd_header .rl_close{position: absolute;top:17px;right: 20px;width: 25px;height: 25px;line-height: 25px;*line-height: 34px;text-align: center;vertical-align: middle;font-size: 30px;color: #fff;background: transparent;border-radius: 50%;cursor: pointer;font: normal 25px/25px "Helvetica Neue",Helvetica,Arial,sans-serif;transition:background-color 0.2s;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;border:0;}
.forgetpwd .forgetpwd_header .rl_close:hover{background: #cb616d;}
.forgetpwd .forgetpwd_header h3{font-size: 18px;line-height: 60px;height: 60px;color: #fff;padding-left: 30px;}
.forgetpwd .signup_body{padding:40px;}
.forgetpwd .signup_body .rlf_group{font-size:14px;}
.forgetpwd .signup_body .rlf_input{border: 1px solid #d0d6d9;width: 260px;height: 24px;line-height: 24px;font-size:14px;font-family: Microsoft YaHei,SimSun,Arial;padding: 7px 7px 7px 48px;transition:border-color 0.2s;-webkit-transition:border-color 0.2s;-moz-transition:border-color 0.2s;-o-transition:border-color 0.2s;background:#fff url("../images/rl-sprite.png") no-repeat;}
.forgetpwd .signup_body .rlf_input_yzm{width:140px;background-position:-80px -774px;}
.forgetpwd .signup_body .rlf_input_email{background-position: -80px -678px;}
.forgetpwd .signup_body .rlf_input_nick{background-position: -80px -726px;}
.forgetpwd .signup_body .rlf_tip_wrap{font-size:12px;display: block;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0px;-webkit-margin-end: 0px;color:#5e5e5e;}
.forgetpwd .signup_body a.forget{float:right;color:#5e5e5e;}
.forgetpwd .signup_body a:hover{color: #be3948;}
.forgetpwd .signup_body .rlf-btn-green{color: #fff;font-size: 14px;background-color:#39b94e;height: 40px;line-height: 40px;width: 317px;cursor: pointer;text-align: center;transition:background-color 0.2s;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;border:0;}
.forgetpwd .signup_body .rlf-btn-green:hover{background-color: #33a646;}

.browser{margin-top:-210px;margin-left:-200px;width:400px;top:40%;position:absolute;background:#edf0f2;left:50%;transition:all 0.2s;z-index:100000;display:none;box-shadow:3px 3px 3px #c1c1c1;}
.browser .browser_header{background:#be3948;}
.browser .browser_header .rl_close{position: absolute;top:17px;right: 20px;width: 25px;height: 25px;line-height: 25px;*line-height: 34px;text-align: center;vertical-align: middle;font-size: 30px;color: #fff;background: transparent;border-radius: 50%;cursor: pointer;font: normal 25px/25px "Helvetica Neue",Helvetica,Arial,sans-serif;transition:background-color 0.2s;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;border:0;}
.browser .browser_header .rl_close:hover{background: #cb616d;}
.browser .browser_header h3{font-size: 18px;line-height: 60px;height: 60px;color: #fff;padding-left: 30px;}
.browser .browser_body{padding:40px;text-align:center;}
.browser .browser_body .rlf_group{font-size:14px;}
.browser .browser_body .rlf_group table{width:100%;margin-top:20px;}
.browser .browser_body .rlf-btn-blue{color: #fff;font-size: 14px;background-color:#3da4d3;padding:5px 20px;cursor: pointer;text-align: center;transition:background-color 0.2s;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;border:0;border-radius:5px;margin-top:10px;}
.browser .browser_body .rlf-btn-blue:hover{background-color: #0977aa;}

.wrap-side-operation{position:fixed;_position:absolute;right:20px;bottom:50px;z-index:9999;}
.wrap-side-operation .js-jump-container{display:block;position:relative;cursor:pointer;margin:10px 0;z-index:9;transition:.3s;}
.mod-side-operation{width:50px;text-align:center;}
.mod-side-operation__jump-to-top{display:inline-block;vertical-align:middle;*vertical-align:auto;*display:inline;width:40px;height:40px;background:url(../images/bg-side-jump.png) no-repeat #c1c1c1 center center;transition:.3s;}
.mod-side-operation__jump-to-top:hover{background-color:#999;}
.mod-side-qqservice{background:url(../images/qq.png) no-repeat #c1c1c1 center center;display:inline-block;vertical-align:middle;*vertical-align:auto;*display:inline;width:40px;height:40px;transition:.3s;}
.mod-side-qqservice:hover{background-color:#999;}
.mod-side-phone{background:url(../images/phone1.png) no-repeat #c1c1c1 center center;display:inline-block;vertical-align:middle;*vertical-align:auto;*display:inline;width:40px;height:40px;transition:.3s;}
.mod-side-phone:hover{background-color:#999;}
.js-jump-talk{display:none;tiansition:.3s;}
.mod-side-phone{background:url(../images/phone1.png) no-repeat #c1c1c1 center center;vertical-align:middle;*vertical-align:auto;*display:inline;width:40px;height:40px;}
.rightarrow{background:url(../images/right_arrow.png) no-repeat;position:absolute;right:50px;bottom:15px;height:25px;width:12px;z-index:10000;}
.mod-side-leftphone{position:absolute;right:62px;bottom:5px;width:200px;padding:10px 0;background:#f5f5f5;color:#338ee2;font-size:16px;border-radius:5px;box-shadow:1px 1px 3px #282828;font-weight:bold;z-index:9999;}

/*attention*/
.attention{display:none;background:#f9f4ca;height:37px;position:relative;}
.attention .attentioncontent{width:1200px;margin:0 auto;height:37px;}
.attention .attentioncontent p{padding-top:5px;text-align:center;height:32px;}
.attention .attentioncontent p .chrome{background:url(../images/browser.jpg) no-repeat;padding:0 0 13px 25px;}
.attention .attentioncontent p .firefox{background:url(../images/browser.jpg) no-repeat 0 -40px;padding:0 0 3px 25px;margin-left:10px;}
.attention .attention_close{position: absolute;top:2px;right: 20px;text-align: center;background: transparent;border-radius: 50%;cursor: pointer;transition:background-color 0.2s;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;border:0;}
.attention .attention_close em{font-size: 20px;color: #000;}
.attention .attention_close span{font-size:14px;margin-left:5px;vertical-align:0;}